Vue.component('item-a', {
    template: '<li>我是第一个组件 A</li>'
})

Vue.component('item-b', {
    props: ['todo'],
    template: '<li>{{todo.text}}</li>'
})

new Vue({
    el: '#item1'
})

new Vue({
    el: '#item2',
    data: {
        list: [
            {id: 0, text: '我是大娃'},
            {id: 1, text: '我是二娃'},
            {id: 2, text: '我是三娃'},
            {id: 3, text: '我是四娃'},
            {id: 4, text: '我是五娃'},
            {id: 5, text: '我是六娃'},
            {id: 6, text: '我是七娃'}
        ]
    }
})